<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>首页</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" media="screen" href="task7-1.css" />

<body>

  <!-- 头部 -->
  <div class="header">
    <div class="navi">
      <!-- 左侧栏  -->
      <div class="line"></div>
      <div class="line"></div>
      <div class="line"></div>
    </div>
  </div>

  <div class="container">

    <div class="history">
      <div class="arrow">
        <p>上次游戏： 捉鬼游戏猜词版</p>
        <img src="./img/arrow.png" alt="" onclick="window.open('./task7-3.html')">
      </div>
    </div>

    <div class="version">
        <!-- 游戏名称 -->
      <div class="name">捉鬼游戏</div>

      <!-- 游戏各版本 -->
      <div class="row">
        <div class="col" onclick="window.open('./task7-2.html')">
          <p>简化版</p>
        </div>
        <p class="text">有1166个用户正在玩此款游戏</p>

        <div class="col" onclick="window.open('./task7-2.html')">
          <p>猜词版</p>
        </div>
        <p class="text">有1166个用户正在玩此款游戏</p>

        <div class="col" onclick="window.open('./task7-2.html')">
          <p>白痴版</p>
        </div>
        <p class="text">有1166个用户正在玩此款游戏</p>
      </div>

      <!-- 小圆点 -->
      <div class="round">
        <div class="round-1"></div>
        <div class="round-2"></div>
        <div class="round-2"></div>
        <div class="round-2"></div>
      </div>

    <!-- 右边黄色三角形 -->
    <div class="right">
        <img src="./img/right.png" alt="">
    </div>

    </div>





  </div>

</body>

</html
